<template>
	<view>
		<view class="add" >
			<view class="add_items"  v-for="(items, index) in addData" :key="index">
					<view class="name_text">{{items.name}}</view>
					<view class="place">
						<input type="text" :placeholder="items.placehoder"/>
					</view>
			</view>
		</view>
		<view class="send">
			发送添加员工
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				addData:[
					{name:'真实姓名：',placehoder:'请输入真实姓名'},
					{name:'手机号码：',placehoder:'请输入11位手机号码'}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f5f5f5;
	}
	.add{
		width: 100%;
		height: 174upx;
		background-color: #ffffff;
		
		.add_items{
			display: flex;
			color: #333333;
			font-size: 30upx;
			width: calc(100% - 60upx);
			height: 84upx;
			margin-left: 30upx;
			margin-right: 30upx;
			border-bottom: 1px solid rgba(241,241,241,1);;
			.name_text{
				width: 150upx;
				height: 84upx;
				line-height: 84upx;
				font-weight: bold;
			}
			.place{
				width: calc(100% - 150upx);
				text-align: right;
				height: 84upx;
				line-height: 84upx;
				input{
					height: 84upx;
					line-height: 84upx;
					color: #666666;
					font-size: 30upx;
				}
			}
		}
	}
	.send{
		width:683upx;
		 height: 88upx;
		 line-height: 88upx;
		 text-align: center;
		 margin-left: 33upx;
		 margin-right: 33upx;
		 border-radius: 10upx;
		 color: #ffffff;
		 background-color: #1b82d1;
		 margin-top: 20upx;
	}
</style>
